<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上报位置</title>
    <style>
        #context{
            position:rlative;
            width:1080px;
            height:2124px;
        }
        img{
            width:1080px;
            height:2124px;
        }
        body{
            margin:0px;
        }
        #time{
            position:absolute;
            top:395px;
            left:145px;
            width:350px;
            height:50px;
            background-color: white;
            
            font-size:33px;
            color:rgb(180,180,180);
        }
        #time2{
            position:absolute;
            top:915px;
            left:265px;
            width:450px;
            height:50px;
            background-color: white;
            
            font-size:43px;
            color:black;
        }
        #time3{
            position:absolute;
            top:1170px;
            left:265px;
            width:450px;
            height:50px;
            background-color: white;
            font-size:43px;
            color:black;
            
        }
        #checkOut{
            opacity:0;
            border:2px solid red;
            position:absolute;
            top:50px;
            left:800px;
            width:285px;
            height:80px;
            background-color: white;
            font-size:43px;
            color:black;
        }
        #name{
            
            position:absolute;
            width:300px;
            height:150px;
           
            color:white;
            font-size:70px;
            font-weight:300;
            background-color: rgb(52,124,188);
            margin-top:20px;
            margin-left:40px;
        }
        #num{
            position:absolute;
            width:300px;
            height:30px;
            
            color:white;
            font-size:40px;
            font-weight:300;
            background-color: rgb(52,124,188);
            margin-top:120px;
            margin-left:40px;
        }
        
    </style>

</head>
<body>
    <div id='context'>
    <!-- <div id='checkOut'>  </div>
    <div id = 'name'>
        莫张浩
        
    </div>
    <div id = 'num'>
        2180300325
    </div> -->
    <img src=''>    
    
    <div id='time'></div>
    <div id='time2'></div>
    <div id='time3'></div>
    </div>
    <script type="text/javascript">
        var format = (timeStr) => {
                if(parseInt(timeStr) >= 10){
                    return timeStr;
                }
                else{
                    return '0' + timeStr;
                }
        }
        function setTime(tag){
            var time = document.getElementById(tag);
            var ti0 = new Date();
            time.innerHTML ='2021-' +  format((ti0.getMonth()+1)) + '-' + format(ti0.getDate()) + ' ' +
            format(ti0.getHours()) + ':' + format(ti0.getMinutes());  
        }
        setTime('time');
        setTime('time2');
        var time3 = document.getElementById('time3');
        var ti0 = new Date();
        time3.innerHTML = '2021-'+  (ti0.getMonth()+1) + '-' + ti0.getDate()
        +' 11:30';
        var checkOut = document.getElementById('checkOut');
        checkOut.onclick = ()=>{
            this.location = 'http://wz.hitwh.edu.cn/common/casLogin?params=L3d6c2IvYXBwP2x5PWRiMTM2NDg2Mzg2NzQxMjc4NWQ0MWEzM2ZmZGM3ZWMxJmRkPTAwMDAwJnp3aD0wMDAwMA=='
        }
    </script>
</body>
    
</html>
